<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
 <%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%> 
<!DOCTYPE html>
<html lang="zh-cn">
<head>
    <meta charset="utf-8">
    <!--使用ie最新渲染模式-->
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <!--国产浏览器使用高速模式渲染页面，而不兼容模式-->
    <meta name="renderer" content="webkit">

    <title>Simple Web Based On Bootstrap</title>

   <%@include file="include/_header.jsp" %>
</head>
<body>
<%@include file="include/_topbar.jsp" %>
<!--main content -->
<div class="main-content">
    <div class="sidebar">
        <%@include file="include/_leftmenu.jsp" %>
    </div>
    <div class="workspace">
        <div class="panel panel-primary">
            <div class="panel-heading"><i class="icon-edit icon-large"></i> Panel Title</div>
            <div class="panel-body">
                <!-- panel body begin -->
                 <table class="table table-condensed">
                    <thead>
                    <tr>
                        <th>#</th>
                        <th>日期</th>
                        <th>收/支</th>
                        <th>项目</th>
                        <th>金额</th>
                        <th>备注</th>
                        <th>操作</th>
                    </tr>
                    </thead>
                    <tbody>
                    <c:forEach var="d" items="${DETAIL_LIST}">
                    <tr>
                        <td>${d.id}</td>
                        <td>${d.recordDate}</td>
                        <td>${d.type }</td>
                        <td>[${d.catogeryId}]${d.catogeryName}</td>
                        <td>￥${d.amount}</td>
                        <td>${d.remark}</td>
                        <td>
                        		<a href="mybook?action=edit&id=${d.id}" class="btn btn-success btn-xs" role="button">
                        		<span class="glyphicon glyphicon-pencil"></span> Edit</a>
                        		<a href="mybook?action=del&id=${d.id}" class="btn btn-danger btn-xs" role="button">
                        		<span class="glyphicon glyphicon-trash"></span> Delete</a>
                        </td>
                    </tr>
                    </c:forEach>
                    </tbody>
                </table>
                
                <!-- panel body end -->
            </div>
        </div>
        
    </div>

</div>
<!--end main content -->
<%@include file="include/_footer.jsp" %>


<script>
    $(document).ready(function () {
        
    });

</script>
</body>
</html>